<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">

<style type="text/css">
<!--
.button_L
{    width:161px;
		height:61px;
	background-image:url(img/index_18.gif);
	border:0px;
	position: relative;

}
.button_R
{    width:161px;
	height:61px;
	background-image:url(img/index_20.gif);
	border:0px;
	position: relative;

}
   .input_text {
	padding:10px;
	width:293px;
	height:31px;
	border:none;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (index.psd) -->
<form id="form2" name="loginform" method="post" action="login.do">
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="15">
			<img src="img/index_01.gif" width="1024" height="166" alt=""></td>
	</tr>
	<tr>
		<td rowspan="13">
			<img src="img/index_02.gif" width="167" height="488" alt=""></td>
		<td colspan="14">
			<img src="img/index_03.gif" width="857" height="119" alt=""></td>
	</tr>
	<tr>
		<td rowspan="11">
			<img src="img/index_04.gif" width="49" height="317" alt=""></td>
		<td colspan="12">
			<img src="img/index_05.gif" width="361" height="9" alt=""></td>
		<td rowspan="11">
			<img src="img/index_06.gif" width="447" height="317" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="img/index_07.gif" width="5" height="31" alt=""></td>
		<td colspan="5">
			<img src="img/index_08.gif" width="63" height="21" alt=""></td>
		<td colspan="6" rowspan="2">
			
			<input type="text" name="username" size="15" class="input_text" style="background-image:url(img/index_09.gif)">
													
			</td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="img/index_10.gif" width="63" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="img/index_11.gif" width="361" height="32" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="img/index_12.gif" width="5" height="40" alt=""></td>
		<td colspan="3">
			<img src="img/index_13.png" width="59" height="29" alt=""></td>
		<td colspan="8" rowspan="2">
			<input type="password" name="password" size="15" class="input_text" style="background-image:url(img/index_14.gif)">
												
			</td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="img/index_15.gif" width="59" height="11" alt=""></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="img/index_16.gif" width="361" height="31" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4">
			<img src="img/index_17.gif" width="6" height="174" alt=""></td>
		<td colspan="5">
		<input type="submit" class="button_L" value="">	
		</td>
		<td rowspan="4">
			<img src="img/index_19.gif" width="23" height="174" alt=""></td>
		<td colspan="3">
			
			<input type="reset" class="button_R" value="">
			</td>
		<td rowspan="4">
			<img src="img/index_21.gif" width="9" height="174" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="img/index_22.gif" width="162" height="16" alt=""></td>
		<td colspan="3">
			<img src="img/index_23.gif" width="161" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="img/index_24.gif" width="2" height="97" alt=""></td>
		<td colspan="2">
			<a href="registerUser.jsp"><img src="img/index_25.gif" alt="" width="59" height="21" border="0"></a></td>
		<td colspan="2" rowspan="2">
			<img src="img/index_26.gif" width="101" height="97" alt=""></td>
		<td rowspan="2">
			<img src="img/index_27.gif" width="46" height="97" alt=""></td>
		<td>
			<a href="forgetPW.jsp"><img src="img/index_28.gif" alt="" width="114" height="21" border="0"></a></td>
		<td rowspan="2">
			<img src="img/index_29.gif" width="1" height="97" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="img/index_30.gif" width="59" height="76" alt=""></td>
		<td>
			<img src="img/index_31.gif" width="114" height="76" alt=""></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="img/index_32.gif" width="857" height="52" alt=""></td>
	</tr>
	<tr>
		<td colspan="15">
			<img src="img/index_33.gif" width="1024" height="38" alt=""></td>
	</tr>
	<tr>
		<td colspan="15">
			<img src="img/index_34.gif" width="1024" height="76" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="img/spacer.gif" width="167" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="49" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="56" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="100" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="23" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="46" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="114" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="9" height="1" alt=""></td>
		<td>
			<img src="img/spacer.gif" width="447" height="1" alt=""></td>
	</tr>
	
</table>
</form>
<!-- End Save for Web Slices -->
</body>
</html>